<div class="navbar-default sidebar" role="navigation" layout:fragment="sidebar">
  <div class="sidebar-nav navbar-collapse">
    <ul class="nav" id="side-menu">
      <li>
        <a href="#"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a>
      </li>
      <li>
        <a href="#"><i class="fa fa-bar-chart-o fa-fw"></i> Charts<span class="fa arrow"></span></a>
        <ul class="nav nav-second-level">
          <li><a href="#">Flot Charts</a></li>
          <li><a href="#">Morris.js Charts</a></li>
        </ul>
        <!-- /.nav-second-level -->
      </li>
      <li><a href="#"><i class="fa fa-table fa-fw"></i> Tables</a></li>
      <li><a href="#"><i class="fa fa-edit fa-fw"></i> Forms</a></li>
      <li>
        <a href="#"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a>
        <ul class="nav nav-second-level">
          <li><a href="#">Panels and Wells</a></li>
          <li><a href="#">Buttons</a></li>
          <li><a href="#">Notifications</a></li>
          <li><a href="#">Typography</a></li>
          <li><a href="#"> Icons</a></li>
          <li><a href="#">Grid</a></li>
        </ul>
        <!-- /.nav-second-level -->
      </li>
      <li>
        <a href="#"><i class="fa fa-sitemap fa-fw"></i> Multi-Level Dropdown<span class="fa arrow"></span></a>
        <ul class="nav nav-second-level">
          <li><a href="#">Second Level Item</a></li>
          <li><a href="#">Second Level Item</a></li>
          <li>
            <a href="#">Third Level <span class="fa arrow"></span></a>
            <ul class="nav nav-third-level">
              <li><a href="#">Third Level Item</a></li>
              <li><a href="#">Third Level Item</a></li>
              <li><a href="#">Third Level Item</a></li>
              <li><a href="#">Third Level Item</a></li>
            </ul>
            <!-- /.nav-third-level -->
          </li>
        </ul>
        <!-- /.nav-second-level -->
      </li>
      <li>
        <a href="#"><i class="fa fa-files-o fa-fw"></i> Sample Pages<span class="fa arrow"></span></a>
        <ul class="nav nav-second-level">
          <li><a class="active" href="#">Sample1 Page</a></li>
          <li><a href="l#">Sample2 Page</a></li>
        </ul>
        <!-- /.nav-second-level -->
      </li>
    </ul>
  </div>
  <!-- /.sidebar-collapse -->
</div>